<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="format-detection" content="telephone=no" />
	<title>视频</title>
	<!-- 引入video.js的样式文件 -->
	<link rel="stylesheet" type="text/css" href="/resource/css/video-js.min.css" />
<style>
body{
	margin:0;
}
.video-box{
	width:100%;
}
#example_video_1{
	max-width: 100%;
	height:auto;
	margin:0 auto;
}
</style>
</head>
<body>
<div class="video-box">
	<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="390" height="160" data-setup="{}">
		<source src="{{ $video_url }}" type='video/mp4' />
	</video>
</div>
<!-- 引入video.js的脚本文件 -->
<script src="resource/js/video.js" type="text/javascript" charset="utf-8"></script>

</body>
</html>